@props([
    'title' => '',
    'icon' => '',
    'iconBg' => 'bg-primary/10',
    'iconColor' => 'text-primary',
    'description' => '',
    'actions' => '',
    'class' => 'bg-base-200 shadow-xl'
])

<div class="card {{ $class }}">
    <div class="card-body">
        @if($title || $icon)
            <div class="flex items-center mb-4">
                @if($icon)
                    <div class="w-12 h-12 {{ $iconBg }} rounded-full flex items-center justify-center mr-4">
                        {!! $icon !!}
                    </div>
                @endif
                @if($title)
                    <h2 class="card-title">{{ $title }}</h2>
                @endif
            </div>
        @endif
        
        @if($description)
            <p class="text-base-content/80 mb-4">{{ $description }}</p>
        @endif
        
        {{ $slot }}
        
        @if($actions)
            <div class="card-actions">
                {!! $actions !!}
            </div>
        @endif
    </div>
</div> 